{% extends 'home/public/base.html' %}

<!-- 主内容区域 -->
{% block con %}
<div class="mainbody app">
    <!-- banner 轮播 -->
    <div class="headBanner">
        <div class="container-fluid">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner app-banner" role="listbox">
                    <div class="item active">
                        <img src="/static/home/img/banner1.jpg" alt="" class="pcb-img">
                        <img src="/static/home/img/app/m1.jpg" alt="" class="appb-img"></div>
                    <div class="item">
                        <img src="/static/home/img/banner2.jpg" alt="" class="pcb-img">
                        <img src="/static/home/img/app/m2.jpg" alt="" class="appb-img"></div>
                    <div class="item">
                        <img src="/static/home/img/banner3.jpg" alt="" class="pcb-img">
                        <img src="/static/home/img/app/m3.jpg" alt="" class="appb-img"></div>
                    <div class="item">
                        <img src="/static/home/img/banner4.jpg" alt="" class="pcb-img">
                        <img src="/static/home/img/app/m4.jpg" alt="" class="appb-img"></div>
                </div>
                <!-- Controls -->
                <div class="hb-control hidden-xs hidden-sm">
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span></a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span></a>
                </div>
            </div>
        </div>
    </div>
    <!-- banner 轮播 E-->
   

    <!-- 头部 侧导航 -->
    <ul class="home-category hidden-xs hidden-sm" id="homeCategory">
        {% for v in xlist %}
        <li class="home-category-item">
            <a href="{% url 'home_list' v.id %}" class="home-category-link">{{ v.name }}</a>
            <div class="home-category-child clearfix">
                <div class="home-category-child-list clearfix">
                {% for vv in v.sub %}
                    <a href="{% url 'home_list' vv.id %}" class="home-category-child-item title" title="{{ vv.name }}">{{ vv.name }}</a>
                    
                    {% for vvv in vv.goods_set.all %}
                    <a class="home-category-child-item" href="{% url 'home_info' vvv.id %}" target="_blank">
                        <img class="home-category-child-img" src="{{ vvv.pic }}" height="40" width="40">
                        <div class="home-category-child-text">{{ vvv.title }}</div>
                    </a>
                    {% endfor %}
                {% endfor %}
               
    
                   
                </div>
            </div>
        </li>
        {% endfor %}

    </ul>
    <!-- 头部 侧导航 E-->

    <!-- 头部 豆腐块 -->
    <div class="headDoufu hidden-xs hidden-sm">
        <div class="container">
            <ul class="clearfix home-server">
                <li class="home-server-item home-server-icons clearfix">
                    <a class="home-server-icon" href="#">
                        <i class="glyphicon glyphicon-road"></i>M码通道</a>
                    <a class="home-server-icon" href="#">
                        <i class="glyphicon glyphicon-retweet"></i>以旧换新</a>
                    <a class="home-server-icon" href="#">
                        <i class="glyphicon glyphicon-heart-empty"></i>魅族意外保</a>
                    <a class="home-server-icon" href="#">
                        <i class="glyphicon glyphicon-list-alt"></i>回购单查询</a>
                </li>
                <li>
                    <a href="" class="ml8">
                        <img src="/static/home/img/doufu1.jpg" alt=""></a>
                </li>
                <li>
                    <a href="" class="ml8">
                        <img src="/static/home/img/doufu2.jpg" alt=""></a>
                </li>
                <li>
                    <a href="" class="ml8">
                        <img src="/static/home/img/doufu3.png" alt=""></a>
                </li>
                <li>
                    <a href="" class="ml8">
                        <img src="/static/home/img/doufu4.png" alt=""></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部 豆腐块 E-->
 

    <!-- 楼层板块 -->
    <div class="home-floor">
        <div class="container">
            <!-- 手机楼层 -->
            <div class="home-floor-content phone card ">
                <div class="hd">
                    <h2 class="mbf-title tit">手机</h2></div>
                <!-- Nav tabs -->
                <ul class="nav nav-tabs mbf-nav hidden-xs hidden-sm" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#phone1" aria-controls="phone1" role="tab" data-toggle="tab">热销机型</a></li>
                </ul>
                <a class="mbf-more" href="#" target="_blank">更多&gt;</a>
                <!-- Tab panes -->
                <div class="tab-content home-floor-product">
                    <div role="tabpanel" class="tab-pane active" id="phone1">
                        <ul class="item active clearfix">
                            <li class="home-product first mmr10">
                                <div class="">
                                    <img src="/static/home/img/phone2.jpg"></div>
                            </li>
                            {% for v in xlist %}
                                {% for vv in v.sub %}
                                    {% for vvv in vv.goods_set.all %}

                            <li class="home-product ">
                                <div class="">
                                    <a href="{% url 'home_info' vvv.id %}"><img src="{{ vvv.pic }}" class="home-product-img"></a>
                                    <div class="caption">
                                        <h4 class="home-product-title">{{ vvv.title }}</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">{{ vvv.price }}
                                                <span class="home-product-start-tag">起</span></span>
                                        </p>
                                    </div>
                                </div>
                            </li>
                                    {% endfor %}
                                {% endfor %}
                            {% endfor %}

                        </ul>
                    </div>
                </div>
                <div class="home-floor-ad">
                    <a href="">
                        <img src="/static/home/img/ad2.jpg" alt="" class="pc-floor-ad">
                        <img src="/static/home/img/app/mad2.jpg" alt="" class="app-floor-ad"></a>
                </div>
            </div>
            <!-- 手机楼层 E-->
            <!-- 数码配件 楼层 -->
            <div class="home-floor-content peijian">
                <h2 class="mbf-title">数码配件</h2>
                <!-- Nav tabs -->
                <ul class="nav nav-tabs mbf-nav clearfix hidden-xs hidden-sm" role="tablist-2">
                    <li role="presentation" class="active">
                        <a href="#pejian1" aria-controls="pejian1" role="tab" data-toggle="tab">超值推荐</a></li>
                    <li role="presentation">
                        <a href="#pejian2" aria-controls="pejian2" role="tab" data-toggle="tab">耳机/音箱</a></li>
                    <li role="presentation">
                        <a href="#pejian3" aria-controls="pejian3" role="tab" data-toggle="tab">智能设备</a></li>
                    <li role="presentation">
                        <a href="#pejian4" aria-controls="pejian4" role="tab" data-toggle="tab">键盘鼠标</a></li>
                </ul>
                <a class="mbf-more" href="#" target="_blank">更多&gt;</a>
                <!-- Tab panes -->
                <div class="tab-content home-floor-product">
                    <div role="tabpanel" class="tab-pane active clearfix" id="pejian1">
                        <ul class="item active clearfix">
                            <li class="home-product first mmr10">
                                <div class="">
                                    <img src="/static/home/img/peijian1.jpg"></div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product mmr10">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product mmr10">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product mmr10">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product mmr10">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane clearfix hidden-xs hidden-sm" id="pejian2">
                        <ul class="item clearfix">
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane clearfix hidden-xs hidden-sm" id="pejian3">
                        <ul class="item clearfix">
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane clearfix hidden-xs hidden-sm" id="pejian4">
                        <ul class="item clearfix">
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                            <li class="home-product">
                                <div class="">
                                    <img src="/static/home/img/peijian.png" class="home-product-img">
                                    <div class="caption">
                                        <h4 class="home-product-title">魅族 PRO 7</h4>
                                        <h6 class="home-product-subtitle red">
                                            <span class="mb-hh-red">月销</span>累计超18000台</h6>
                                        <p class="home-product-bottom">
                                            <span class="home-product-price">999</span>
                                            <span class="home-product-price origin">1099</span></p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="home-floor-ad">
                    <a href="">
                        <img src="/static/home/img/ad2.jpg" alt="" class="pc-floor-ad">
                        <img src="/static/home/img/app/mad3.jpg" alt="" class="app-floor-ad"></a>
                </div>
            </div>
            <!-- 数码配件 E--></div>
    </div>
    <!-- 楼层板块 E-->
</div>
{% endblock %}
<!-- 主内容区域 E-->